<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>回顾Object.defineProperty方法</title>
</head>

<body>
    <!-- 
        
     -->
    <script type="text/javascript">
        let number = 18;
        let person1 = {
            name: '张三',
            sex: '男'
        };
        Object.defineProperty(person1, 'age', {
            // value: 18,
            // enumerable: true, //控制属性是否可以枚举,默认值是false
            // writable: true, //控制属性是否可以被修改,默认值是false
            // configurable: true, //控制属性是否可以被删除,默认值是false

            //当有人读取person的age属性值时,get函数(getter)就会被调用,且返回值就是age的值
            /* get:function(){
                console.log('有人读取了age属性');
                return number;
            }, */
            //可以简写为
            get() {
                console.log('有人读取了age属性');
                return number;
            },
            //当有人修改person的age属性值时,set函数(setter)就会被调用,且会修改到具体值
            /* set:function(value){
                console.log('有人修改了age属性,且值是',value);
                number = value;
            } */
            set(value) {
                console.log('有人修改了age属性,且值是', value);
                number = value;
            }



        });
        console.log(person1);
        console.log(Object.keys(person1));
        for (let key in person1) {
            console.log(person1[key]);
        }

        let person2 = {
            name: '张三',
            sex: '男',
            age: 18,
            num: number
        }
        console.log(person2);
        console.log(Object.keys(person2));
        for (let key in person2) {
            console.log(person2[key]);
        }

    </script>
</body>


</html>